.weui-grid:before {
  border-right: none
}

.weui-grid:after {
  border-bottom: none
}

.weui-cells:after {
  border-bottom: none
}

.top-bg {

  .uc-info-sel {
    position: absolute;
    top: 1rem;
    right: 3rem;
    // background: #000;
    z-index: 99;
  }

  .back {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 99;

    img {
      width: 3rem;
      height: 3rem;
    }
  }

  // background: #5fbcac;
  .index-h {
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    color: #000;
    height: 28.125rem;
    background-size: 100% 100%;
    line-height: 5.5rem;
  }

  .del-h {
    background: linear-gradient(0deg, rgba(159, 124, 45, 1) 1%, rgba(247, 206, 112, 1) 100%);
    border-radius: 8px;
    margin: .625rem;
    padding: 1rem 1.5rem;
    color: #fff;
    font-size: 1.5rem;

    .my-stars {
      float: left;
      margin-top: 1rem;

      img {
        width: 1.875rem;
        height: 1.875rem;
      }
    }

    .del-title {
      color: #333333;
      font-size: 2.625rem;
      font-weight: bold;
    }

    .del-map {
      color: #333333;
      // background: #191919;
      position: unset;
      margin: 0;
      font-size: 1.5rem;
    }

    .del-span-type {
      margin-top: .875rem;

      .del-span-red {
        margin-right: 1.3125rem;
        padding: .5rem;
        border-radius: .25rem;
        color: #A98635;
        background: rgba(204, 183, 135, .8);
      }

      .del-span-green {
        margin-right: 1.3125rem;
        font-size: 1.25rem;
        padding: .5rem;
        color: #FFFFFF;
      }
    }

  }

  .del-gray {
    margin: 1.3125rem;
    padding: 1rem;
    background: #000;
    border-radius: .25rem;
    font-size: 1.5rem;
  }

  .del-serve {
    // margin-top: 2.9375rem;
    padding: 1.25rem 1.5rem;
    color: #fff;

    h2 {
      color: #FCCC5B;
      font-size: 2.25rem;
      padding: .9375rem 0;
    }

    .weui-grid__icon {
      height: none;
      width: none;
    }

    .del-img-c {
      position: relative;
      .del-store {
        position: absolute;
        top: 8.6rem;
        left: 50%;
        transform: translateX(-50%);
      }

      img {
        border-radius: 50%;
        width: 10.125rem;
        height: 10.125rem;
      }


      .del-img-name {
        font-size: 1.5rem;
        font-weight: bold;
        overflow: hidden;
        padding-top: 1rem;
        /*自动隐藏文字*/
        text-overflow: ellipsis;
        /*文字隐藏后添加省略号*/
        white-space: nowrap;
        /*强制不换行*/
        // width: 12rem;
        /*不允许出现半汉字截断*/
      }
    }

    .ck-all {
      text-align: center;
      font-size: 1.75rem;
      font-weight: 500;
      margin-top: 1.5rem;
    }
  }

  .img-c {
    width: 100%;
    height: 10.125rem;

    img {
      border-radius: 2.5rem;
      padding: 0.8rem 1.6rem 0.8rem 1.6rem;
    }
  }

  p {
    overflow: hidden;
    /*自动隐藏文字*/
    text-overflow: ellipsis;
    /*文字隐藏后添加省略号*/
    white-space: nowrap;
    /*强制不换行*/
    width: 12rem;
    /*不允许出现半汉字截断*/
  }

  .del-pay-c {
    height: 10rem;
    padding-left: 1.5rem;
    margin: 1.5rem;
    background: rgba(73, 73, 73, 1);
    border: 1px solid rgba(249, 205, 108, 1);
    border-radius: 8px;
    color: #FCCC5B;
	.amount-text{
		color: #fff;
		font-size: 1.5rem;
		span{
			color: #FCCC5B;
		}
	}
    .del-pay-text {
      padding-top: 1.3rem;

      .jgsm {
        padding-left: .75rem;
        color: #A1A1A1;
        font-size: 1.25rem;
      }
    }

    .pay-many {
      font-size: 3rem;
      font-weight: bold;
      color: #FCCC5B;
    }

    .pay-btn {
      padding: 1rem 3rem;
      margin-top: -6.4rem;
      float: right;
      margin-right: 1.5625rem;
      height: 4.5rem;
      color: #333;
      line-height: 2.5rem;
      background: linear-gradient(0deg, rgba(159, 124, 45, 1), rgba(247, 206, 112, 1));
      border-radius: 2.25rem;
    }
  }
}

.lf {
  text-align: left;
  margin-left: 1.5625rem;
}

.rf {
  text-align: right;
  margin-right: 1.5625rem;
}